<template>
  <div class="tableCom">
    <el-table :data="dataList" style="width: 100%">
      <el-table-column type="index" label="序号" width="50px" align="center"></el-table-column>
      <el-table-column prop="mchAccount" label="商家账号" align="center"></el-table-column>
      <el-table-column prop="outTradeNo" label="订单号" align="center"></el-table-column>
      <el-table-column prop="transferTradeNo" label="支付流水号" align="center"></el-table-column>
      <el-table-column prop="withdrawTime" label="申请时间" align="center"></el-table-column>
      <el-table-column prop="withdrawApplyMoney" label="申请提现金额(元)" align="center"></el-table-column>
      <el-table-column prop="withdrawStatus" label="状态" align="center">
        <template slot-scope="{row:{withdrawStatus}}">
          <span v-show="withdrawStatus===0">提现中</span>
          <span v-show="withdrawStatus===1">提现成功</span>
          <span v-show="withdrawStatus===2" style="color:red">提现失败</span>
        </template>
      </el-table-column>
      <el-table-column label="操作" prop="withdrawStatus" align="center">
        <template slot-scope="scope">
          
           <el-button  type="primary"
              @click="detailBtn(scope.row)" >查看详情</el-button>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>
<script>
  export default {
    props: ["dataList"],
    methods: {
      detailBtn(row) {
        // console.log(row);
        this.$router.push("/detail/" + row.id);
      },
    },
  };
</script>
<style scoped>
  .tableCom .el-button {
    width: 80px;
    height: 30px;
    font-size: 12px;
    padding: 0;
  }
</style>